.tablename {
  display: flex;
  align-items: baseline;
  margin: 10px 0;
  font-weight: bold;
}

.datetime{
border: 1px  solid #e5e7eb;
padding:6px;
 border-radius:6px
}


.no-wrap {
  color: black;
  white-space: nowrap;
  margin-right:8px ;
}
.auto-wrap {
  color:#8b8989;
  white-space: normal;
  word-wrap: break-word;
}

.input-time-query {
  margin-top: 0;
  border-radius: 5%;
  display: inline-block;
  box-shadow: 0 0 0 1px #dcdfe6;
  width: 180px;
  height: 32px;
}

.input-time-query:hover {
  box-shadow: 0 0 0 1px #c0c4cc;
}



.dialog-from.el-dialog {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.dialog-from .el-dialog__header {
  padding: 11px 17px;
  background-color: #f2f2f2;
  font-size: 18px;
}

.dialog-from .el-dialog__body {
  padding-left: 48px;
  padding-right: 48px;
  padding-top: 20px;
}



.clatime {
  width: 180px;height: 30px;align-items: center;
  background-color: var(--el-input-bg-color,var(--el-fill-color-blank));
  border-radius: var(--el-input-border-radius,var(--el-border-radius-base));
  box-shadow: 0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset;
}
